$(function() {

    // 全局变量 查询参数
    let QueryObj = {
        // 查询关键字，小米、华为可以留空
        query: "",
        // 商品的分类id，从url上进行获取，通过全局变量location来获取
        // 获取url参数上的功能
        cid: getUrl("cid"),
        // 请求页码，第几页
        pagenum: 1,
        // 页容量 一页可以加载几条数据
        pagesize: 10
    };

    // 总页数
    let Total =1;

    init();

    function init() {
        // getGoodssearch();

        // mui初始化下拉刷新上拉加载组件
        mui.init({
            pullRefresh: {
                container: ".pyg_view",
                // 下拉刷新
                down: {
                    // 1.页面一加载，先触发一次下拉刷新
                    auto: true,
                    //  触发下拉刷新时自动触发
                    callback: function () {

                        // 5.重置页码
                        QueryObj.pagenum = 1;
                        // // 5.重置上拉组件   因为mui组件问题，这段代码放这里不会执行，没有效果
                        // mui('.pyg_view').pullRefresh().refresh(true);

                        // console.log("下拉刷新组件显示同时，会触发这个回调函数")
                        // 2.发送请求加载数据
                        let func = function(html) {
                            $(".list_wrap").html(html);

                            // 3.数据加载完毕，可以结束下拉刷新组件
                            mui('.pyg_view')
                                .pullRefresh()
                                .endPulldownToRefresh();

                            // 5.重置上拉组件   因为mui组件问题，这段代码放这里才会执行，有效果
                            mui('.pyg_view').pullRefresh().refresh(true);
                        };
                        getGoodssearch(func);
                    }
                },
                // 上拉加载
                up: {
                    //  触发上拉刷新时自动触发
                    callback: function () {
                        // 判断还有没有下一页数据
                        if(QueryObj.pagenum>=Total) {
                            // 没有下一页
                            console.log("没有数据，不要再滑了！！");
                            mui('.pyg_view')
                                .pullRefresh()
                                .endPullupToRefresh(true);
                        }else {
                            // 有下一页
                            QueryObj.pagenum++;
                            getGoodssearch(function (html) {
                                $(".list_wrap").append(html);

                                // 3.数据加载完毕，可以结束上拉加载组件
                                // 如果还有下一页数据就传入false，否则就传入true
                                mui('.pyg_view')
                                    .pullRefresh()
                                    .endPullupToRefresh(false);
                            });
                        }
                    }
                }
            }
        });
    }

    /** 发送请求获取参数*/
    function getGoodssearch(cb) {
        $.get("goods/search", QueryObj,result=>{
            // console.log(result);
            if(result.meta.status===200) {

                // 总页数 = 向上取整 Math.ceil(总条数 / 页容量)
                Total = Math.ceil(result.data.total / QueryObj.pagesize);
                console.log("总页数："+Total);


                let html= template("listTpl",{arr:result.data.goods});
                cb(html);
            }
        });
    }

    /**可以获取url上的参数 */
    function getUrl (name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]);
        return null;
    }
})